/**app.wxss**/
.mr220 {
	margin-right: 220rpx;
}

.mt2 {
	margin-top: 2rpx;
}

.ml2 {
	margin-left: 2rpx;
}

.mr200 {
	margin-right: 200rpx;
}

.pt2 {
	padding-top: 2rpx;
}
.mt600{
	margin-top: 600rpx;
}
.container {
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	padding: 200rpx 0;
	box-sizing: border-box;
}

/* 公共的样式 */
/* 1.字体大小  2.字体颜色  3.flex布局 */
/* flex 公共 */
.width750 {
	width: 750rpx
}

.mr300 {
	margin-right: 300rpx;
}

.ml550 {
	margin-left: 550rpx;
}

.mlr80 {
	margin-right: 80rpx;
	margin-left: 80rpx;
}

.mt600 {
	margin-top: 600rpx;
}

.mt500 {
	margin-top: 500rpx;
}

.mt530 {
	margin-top: 530rpx;
}

.ml480 {
	margin-left: 480rpx;
}

.mt140 {
	margin-top: 140rpx;
}

.ml260 {
	margin-left: 260rpx;
}

.mt250 {
	margin-top: 250rpx;
}

.ml250 {
	margin-left: 250rpx;
}

.ml220 {
	margin-left: 220rpx;
}

.mr300 {
	margin-right: 300px;
}

.mr250 {
	margin-right: 250px;
}

.mlr100 {
	margin-left: 100rpx;
	margin-right: 100rpx;
}

.mlr180 {
	margin-left: 180rpx;
	margin-right: 180rpx;
}

.mt580 {
	margin-top: 580rpx;
}

.mr51 {
	margin-right: 51rpx;
}

.ml53 {
	margin-left: 53rpx;
}

.flexR {
	display: flex;
	flex-direction: row;
}

.ml5 {
	margin-left: 5rpx;
}

.mr5 {
	margin-right: 5rpx;
}

.mt5 {
	margin-top: 5rpx;
}

.flexC {
	display: flex;
	flex-direction: column;
}

.flexauto {
	flex: auto;
}

.flexnone {
	flex: none;
}

.fw {
	flex-wrap: wrap;
}

.aic {
	align-items: center;
}

.aib {
	align-items: baseline;
}

.aife {
	align-items: flex-end;
}

.jcc {
	justify-content: center;
}

.jcsb {
	justify-content: space-between;
}

.jcsa {
	justify-content: space-around;
}

.jcfe {
	justify-content: flex-end;
}

.fww {
	flex-wrap: wrap;
}

.fwn {
	flex-wrap: nowrap;
}

/* ziti */
.fs12 {
	font-size: 12rpx;
}

.fs14 {
	font-size: 14rpx;
}

.fs16 {
	font-size: 16rpx;
}

.fs18 {
	font-size: 18rpx;
}

.fs20 {
	font-size: 20rpx;
}

.fs22 {
	font-size: 22rpx;
}

.fs24 {
	font-size: 24rpx;
}

.fs26 {
	font-size: 26rpx;
}

.fs28 {
	font-size: 28rpx;
}

.fs30 {
	font-size: 30rpx;
}

.fs32 {
	font-size: 32rpx;
}

.fs34 {
	font-size: 34rpx;
}

.fs36 {
	font-size: 36rpx;
}

.fs38 {
	font-size: 38rpx;
}

.fs50 {
	font-size: 50rpx;
}

/* 背景颜色 */
.bgf {
	background-color: #FFFFFF;
}

/* 颜色 */
.cf0000 {
	color: #ff0000;
}

.cf {
	color: #ffffff;
}

.c0 {
	color: #000000;
}

.c3 {
	color: #333333;
}

.c6 {
	color: #666666;
}

.c9 {
	color: #999999;
}

/* 字体粗细 */
.fwb {
	font-weight: bold;
}

.fwb {
	font-weight: bolder;
}

.fw4 {
	font-weight: 400;
}

/* 文字对齐方式 */
.tal {
	text-align: left;
}

.tar {
	text-align: right;
}

.tac {
	text-align: center;
}

/* 首行缩进 */
.suohang {
	text-indent: 2em;
}

/* 文本溢出 */
.toe2 {
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box;
	/** 对象作为伸缩盒子模型显示 **/
	-webkit-box-orient: vertical;
	/** 设置或检索伸缩盒对象的子元素的排列方式 **/
	-webkit-line-clamp: 2;
	/** 显示的行数 **/
	overflow: hidden;
}

.toe {
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box;
	/** 对象作为伸缩盒子模型显示 **/
	-webkit-box-orient: vertical;
	/** 设置或检索伸缩盒对象的子元素的排列方式 **/
	-webkit-line-clamp: 1;
	/** 显示的行数 **/
	overflow: hidden;
}

/* 外边距 */

.ml54 {
	margin-left: 54rpx;
}

.mr46 {
	margin-right: 46rpx;
}

.ml48 {
	margin-left: 48rpx;
}

.mt120 {
	margin-top: 120rpx;
}

.mt80 {
	margin-top: 80rpx;
}

.mt260 {
	margin-top: 260rpx;
}

.ml200 {
	margin-left: 200rpx;
}

.ml240 {
	margin-left: 240rpx;
}

.ml280 {
	margin-left: 280rpx;
}

.mt200 {
	margin-top: 200rpx;
}

.ml18 {
	margin-left: 18rpx;
}

.mr100 {
	margin-right: 100rpx;
}

.ml23 {
	margin-left: 23rpx;
}

.ml15 {
	margin-left: 15rpx;
}

.mlr44 {
	margin-left: 44rpx;
	margin-right: 44rpx;
}

.mlr60 {
	margin-left: 60rpx;
	margin-right: 60rpx;
}

.m30 {
	margin: 30rpx;
}

.mr80 {
	margin-right: 80rpx;
}

.m20 {
	margin: 20rpx;
}

.m10 {
	margin: 10rpx;
}

.ml15 {
	margin-left: 15rpx;
}

.ml23 {
	margin-left: 23rpx;
}

.ml30 {
	margin-left: 30rpx;
}

.ml40 {
	margin-left: 40rpx;
}

.ml50 {
	margin-left: 50rpx;
}

.ml60 {
	margin-left: 60rpx;
}

.ml68 {
	margin-left: 68rpx;
}

.ml108 {
	margin-left: 108rpx;
}

.mlr68 {
	margin-left: 68rpx;
	margin-right: 68rpx;
}

.mr68 {
	margin-right: 68rpx;
}

.ml91 {
	margin-left: 51rpx;
}

.mr10 {
	margin-right: 68rpx;
}

.ml70 {
	margin-left: 70rpx;
}

.ml100 {
	margin-left: 100rpx;
}

.ml140 {
	margin-left: 140rpx;
}

.ml180 {
	margin-left: 180rpx;
}

.mt400 {
	margin-top: 400rpx;
}

.mr30 {
	margin-right: 30rpx;
}

.mr40 {
	margin-right: 40rpx;
}

.mr50 {
	margin-right: 50rpx;
}

.mr60 {
	margin-right: 60rpx;
}

.mr70 {
	margin-right: 70rpx;
}

.mlr70 {
	margin-right: 70rpx;
	margin-left: 70rpx;
}

.mt30 {
	margin-top: 30rpx;
}

.mlr40 {
	margin-left: 40rpx;
	margin-right: 40rpx;
}

.mt35 {
	margin-top: 35rpx;
}

.mt40 {
	margin-top: 40rpx;
}

.mt50 {
	margin-top: 50rpx;
}

.mt60 {
	margin-top: 60rpx;
}

.mt70 {
	margin-top: 70rpx;
}

.mt100 {
	margin-top: 100rpx;
}

.mt150 {
	margin-top: 150rpx;
}

.mb30 {
	margin-bottom: 30rpx;
}

.mlr50 {
	margin-left: 50rpx;
	margin-right: 50rpx;
}

.mlr30 {
	margin-left: 30rpx;
	margin-right: 30rpx;
}

.mlr20 {
	margin-left: 20rpx;
	margin-right: 20rpx;
}

.mlr10 {
	margin-left: 10rpx;
	margin-right: 10rpx;
}

.ml10 {
	margin-left: 10rpx;
}

.mr10 {
	margin-right: 10rpx;
}

.mt10 {
	margin-top: 10rpx;
}

.mb10 {
	margin-bottom: 10rpx;
}

.ml20 {
	margin-left: 20rpx;
}

.mr20 {
	margin-right: 20rpx;
}

.mt20 {
	margin-top: 20rpx;
}

.mb20 {
	margin-bottom: 20rpx;
}

/* 内边距 */
.p30 {
	padding: 30rpx;
}

.p20 {
	padding: 20rpx;
}

.p10 {
	padding: 10rpx;
}

.pl30 {
	padding-left: 30rpx;
}

.pr30 {
	padding-right: 30rpx;
}

.pt30 {
	padding-top: 30rpx;
}

.pb30 {
	padding-bottom: 30rpx;
}

.plr30 {
	padding-left: 30rpx;
	padding-right: 30rpx;
}

.pl10 {
	padding-left: 10rpx;
}

.pr10 {
	padding-right: 10rpx;
}

.pt10 {
	padding-top: 10rpx;
}

.pb10 {
	padding-bottom: 10rpx;
}

.pl20 {
	padding-left: 20rpx;
}

.pr20 {
	padding-right: 20rpx;
}

.pt20 {
	padding-top: 20rpx;
}

.pb20 {
	padding-bottom: 20rpx;
}

.ptb10 {
	padding-bottom: 10rpx;
	padding-top: 10rpx;
}

/* 选择器在被选元素的内容后面插入内容。  */
.tab {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.tabActive::after {
	content: '';
	background-color: #1670dd;
	width: 80rpx;
	height: 2rpx;
}

/* 定位 */
.pr {
	position: relative;
}

.pa {
	position: absolute;
}

.pf {
	position: fixed;
}

/* 宽高 */
.w100 {
	width: 100%;
}
.w100vw{
	width: 100vw;
}

.h100 {
	height: 100%;
}
.h100vh{
	height: 100vh;
}


.br50 {
	border-radius: 50%;
}

.lh76 {
	line-height: 76rpx;
	height: 76rpx;
}
